{% extends 'base.html' %}
{% block css-content %}
<link href="/static/iCheck/skins/flat/green.css" rel="stylesheet">
<link href="/static/datatable/datatables.net-bs/css/dataTables.bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="/static/jquery-confirm/jquery-confirm.min.css">
<link href="/static/datatable/datatables.net-buttons-bs/css/buttons.bootstrap.min.css" rel="stylesheet">
<link href="/static/datatable/datatables.net-fixedheader-bs/css/fixedHeader.bootstrap.min.css" rel="stylesheet">
<link href="/static/datatable/datatables.net-responsive-bs/css/responsive.bootstrap.min.css" rel="stylesheet">
<link href="/static/datatable/datatables.net-scroller-bs/css/scroller.bootstrap.min.css" rel="stylesheet"> 
<link href="/static/datatable/datatables.net-select/css/select.dataTables.min.css" rel="stylesheet">
<style type="text/css"> 	
	td.details-control {
	    background: url('/static/images/details_open.png') no-repeat center center; */
	    cursor: pointer;
	}
	tr.shown td.details-control {
	    background: url('/static/images/details_close.png') no-repeat center center;
	} 
</style> 
<!-- Search -->   
<link rel="stylesheet" href="/static/css/jquery-ui.min.css">
{% endblock %}
{% block page-content %}

		 
          <!-- top tiles -->
          <div class="row tile_count">
            <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
              <span class="count_top"><i class="fa fa-user"></i> 总计</span>
              <div class="count" id="zj_count">0</div>
              <span class="count_bottom"><i class="green">4% </i> From last Week</span>
            </div>
            <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
              <span class="count_top"><i class="fa fa-clock-o"></i> 已上线</span>
              <div class="count green" id="zx_count">0</div>
              <span class="count_bottom"><i class="green"><i class="fa fa-sort-asc"></i>3% </i> From last Week</span>
            </div>
            <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
              <span class="count_top"><i class="fa fa-user"></i> 维修中</span>
              <div class="count" id="wx_count">0</div>
              <span class="count_bottom"><i class="green"><i class="fa fa-sort-asc"></i>34% </i> From last Week</span>
            </div>
            <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
              <span class="count_top"><i class="fa fa-user"></i> 已下线</span>
              <div class="count red" id="xx_count">0</div>
              <span class="count_bottom"><i class="red"><i class="fa fa-sort-desc"></i>12% </i> From last Week</span>
            </div>
            <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
              <span class="count_top"><i class="fa fa-user"></i> 未使用</span>
              <div class="count yellow" id="wy_count">0</div>
              <span class="count_bottom"><i class="green"><i class="fa fa-sort-asc"></i>34% </i> From last Week</span>
            </div>
            <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
              <span class="count_top"><i class="fa fa-user"></i> 已入库</span>
              <div class="count" id="rk_count">0</div>
              <span class="count_bottom"><i class="green"><i class="fa fa-sort-asc"></i>34% </i> From last Week</span>
            </div>
          </div>
          <!-- /top tiles -->

          <div class="row">


            <div class="col-md-3 col-sm-4 col-xs-12">
              <div class="x_panel tile fixed_height_320">
                <div class="x_title">
                  <h2>机房<small>IDC</small></h2>
                  <ul class="nav navbar-right panel_toolbox">
                    <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                    </li>
                    <li class="dropdown">
                      <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
                    </li>
                    <li><a class="close-link"><i class="fa fa-close"></i></a>
                    </li>
                  </ul>
                  <div class="clearfix"></div>
                </div>
                <div class="x_content" id="zone_count">
                  <h4>服务器资产分布情况</h4>
                  <div class="widget_summary">
                    <div class="w_left w_25">
                      <span>兆维机房</span>
                    </div>
                    <div class="w_center w_55">
                      <div class="progress">
                        <div class="progress-bar bg-green" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 66%;">
                          <span class="sr-only">60% Complete</span>
                        </div>
                      </div>
                    </div>
                    <div class="w_right w_20">
                      <span>424</span>
                    </div>
                    <div class="clearfix"></div>
                  </div>

                  <div class="widget_summary">
                    <div class="w_left w_25">
                      <span>中经云</span>
                    </div>
                    <div class="w_center w_55">
                      <div class="progress">
                        <div class="progress-bar bg-green" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 45%;">
                          <span class="sr-only">60% Complete</span>
                        </div>
                      </div>
                    </div>
                    <div class="w_right w_20">
                      <span>212</span>
                    </div>
                    <div class="clearfix"></div>
                  </div>
                  <div class="widget_summary">
                    <div class="w_left w_25">
                      <span>金山云</span>
                    </div>
                    <div class="w_center w_55">
                      <div class="progress">
                        <div class="progress-bar bg-green" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 25%;">
                          <span class="sr-only">60% Complete</span>
                        </div>
                      </div>
                    </div>
                    <div class="w_right w_20">
                      <span>82</span>
                    </div>
                    <div class="clearfix"></div>
                  </div>
                  <div class="widget_summary">
                    <div class="w_left w_25">
                      <span>马家驹机房</span>
                    </div>
                    <div class="w_center w_55">
                      <div class="progress">
                        <div class="progress-bar bg-green" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 5%;">
                          <span class="sr-only">60% Complete</span>
                        </div>
                      </div>
                    </div>
                    <div class="w_right w_20">
                      <span>23</span>
                    </div>
                    <div class="clearfix"></div>
                  </div>
                  <div class="widget_summary">
                    <div class="w_left w_25">
                      <span>网宿机房</span>
                    </div>
                    <div class="w_center w_55">
                      <div class="progress">
                        <div class="progress-bar bg-green" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 2%;">
                          <span class="sr-only">60% Complete</span>
                        </div>
                      </div>
                    </div>
                    <div class="w_right w_20">
                      <span>12</span>
                    </div>
                    <div class="clearfix"></div>
                  </div>

                </div>
              </div>
            </div>

              <div class="col-md-3 col-sm-4 col-xs-12">
                <div class="x_panel">
                  <div class="x_title">
                    <h2>资产标签<small>Asset Tag</small></h2>
                    <ul class="nav navbar-right panel_toolbox">
                      <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                      </li>
                      <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
                      </li>
                      <li><a class="close-link"><i class="fa fa-close"></i></a>
                      </li>
                    </ul>
                    <div class="clearfix"></div>
                  </div>
                  <div class="x_content">
                    <canvas id="pieTagsChart"></canvas>
                  </div>
                </div>
              </div>

            <div class="col-md-3 col-sm-4 col-xs-12">
              <div class="x_panel tile fixed_height_320 overflow_hidden">
                <div class="x_title">
                  <h2>使用组<small>Group</small></h2>
                  <ul class="nav navbar-right panel_toolbox">
                    <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                    </li>
                    <li class="dropdown">
                      <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
                    </li>
                    <li><a class="close-link"><i class="fa fa-close"></i></a>
                    </li>
                  </ul>
                  <div class="clearfix"></div>
                </div>
                <div class="x_content">
                  <table class="" style="width:100%">
                    <tr>
                      <th style="width:37%;">
                        <p>Top 5</p>
                      </th>
                      <th>
                        <div class="col-lg-7 col-md-7 col-sm-7 col-xs-7">
                          <p class="">项目</p>
                        </div>
                        <div class="col-lg-5 col-md-5 col-sm-5 col-xs-5">
                          <p class="">占比</p>
                        </div>
                      </th>
                    </tr>
                    <tr>
                      <td>
                        <canvas id="groupCountcanvasDoughnut" class="canvasDoughnut" height="140" width="140" style="margin: 15px 10px 10px 0"></canvas>
                      </td>
                      <td>
                        <table class="tile_info" id="group_count">
                          <tr>
                            <td>
                              <p><i class="fa fa-square blue"></i>DBA </p>
                            </td>
                            <td>37%</td>
                          </tr>
                          <tr>
                            <td>
                              <p><i class="fa fa-square green"></i>运维</p>
                            </td>
                            <td>5%</td>
                          </tr>
                          <tr>
                            <td>
                              <p><i class="fa fa-square purple"></i>开发一组</p>
                            </td>
                            <td>20%</td>
                          </tr>
                          <tr>
                            <td>
                              <p><i class="fa fa-square aero"></i>开发二组</p>
                            </td>
                            <td>15%</td>
                          </tr>
                          <tr>
                            <td>
                              <p><i class="fa fa-square red"></i>开发三组</p>
                            </td>
                            <td>30%</td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                  </table>
                </div>
              </div>
            </div> 


              <div class="col-md-3 col-sm-4 col-xs-12">
                <div class="x_panel">
                  <div class="x_title">
                    <h2>服务器类型 <small>Asset Type</small></h2>
                    <ul class="nav navbar-right panel_toolbox">
                      <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                      </li>
                      <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
                      </li>
                      <li><a class="close-link"><i class="fa fa-close"></i></a>
                      </li>
                    </ul>
                    <div class="clearfix"></div>
                  </div>
                  <div class="x_content">
                    <canvas id="pieChart"></canvas>
                  </div>
                </div>
              </div>

          </div>
        
          <div class="row">         
              <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="x_panel">
                  <div class="x_title">
                    <h2>资产列表 <small>Asset List</small></h2>
                    <ul class="nav navbar-right panel_toolbox">
                      <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                      </li>
                      <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
                      </li>
                      <li><a class="close-link"><i class="fa fa-close"></i></a>
                      </li>
                    </ul>
                    <div class="clearfix"></div>
                  </div>
                  <div class="x_content">	
                  	 <div class="row">
	                  	 <div class="col-sm-6">             
				             <p class="text-muted font-13 m-b-30">
				                 	资产组合查询
				             </p> 
				         </div>  
			             <div class="col-sm-6"> 
				             <p class="text-muted font-13 m-b-30  pull-right" id="more_search_click">
				                 	更多 »
				             </p> 
			            </div>	
		            </div>	                              
	                <div class="row">
				      <div class="col-md-2 col-sm-12 col-xs-12 form-group">
						 <select class="form-control" id="selAssetsType" >
						 		<option selected="selected" value="">请选择一个资产类型</option>
								<option value="server" name="assets_type">物理机</option>
								<option value="vmser" name="assets_type">虚拟机</option>	
								<option value="switch" name="assets_type">交换机</option>	
								<option value="route" name="assets_type">路由器</option>	
								<option value="printer" name="assets_type">打印机</option>	
								<option value="scanner" name="assets_type">扫描仪</option>		
								<option value="firewall" name="assets_type">防火墙</option>	
								<option value="storage" name="assets_type">存储设备</option>	
								<option value="wifi" name="assets_type">无线设备</option>				
						</select>
				      </div>	                

				      <div class="col-md-2 col-sm-12 col-xs-12 form-group">
						 <select class="form-control" id="selTags" >
						 	<option selected="selected" value="">请选择一个标签类型</option>
						 	{% for t in assets.tagsList %}
						 		<option value="{{t.id}}" name="model">{{t.tags_name}}</option>
						 	{% endfor %}
						</select>
				      </div>  
	
	
	                  <div class="col-md-2 col-sm-12 col-xs-12 form-group">
	                    	<select class="form-control" id="selIdc" >
								<option selected="selected" value="">请选择一个区域机房</option>
								{% for r in assets.idcList %}
									<option value="{{r.id}}">{{r.idc_name}}</option>
								{% endfor %}										
							</select>  
	                  </div>
	
	                  <div class="col-md-2 col-sm-12 col-xs-12 form-group">
					   <select  class="form-control" id="selStatus">
					   			<option selected="selected" value="">请选择一个状态类型</option>
								<option value="0">已上线</option>	
								<option value="1">已下线</option>	
								<option value="2">维修中</option>	
								<option value="3">已入库</option>	
								<option value="4">未使用</option>				   		
						</select>  				   									   							
	                  </div>
				      <div class="col-md-2 col-sm-12 col-xs-12 form-group">
						 <select class="form-control" id="selModel" >
						 	<option selected="selected" value="">请选择一个设备类型</option>
						 	{% for m in assets.modelList %}
						 		<option value="{{m}}" name="model">{{m}}</option>
						 	{% endfor %}
						</select>
				      </div>	                  
	                  <div class="col-md-2 col-sm-12 col-xs-12 form-group">
	                    <input type="text" id="ip" placeholder="输入内网ip" class="form-control" value="">
	                  </div>   	                  
	                </div>
	                <div id="more_search" style="display:none;">
		                <div class="row">
		                       
					      <div class="col-md-2 col-sm-12 col-xs-12 form-group">
							 <select class="form-control" id="selManufacturer" >
							 	<option selected="selected" value="">请选择一个制造商</option>
							 	{% for m in assets.manufacturerList %}
							 		<option value="{{m}}" name="manufacturer">{{m}}</option>
							 	{% endfor %}
							</select>
					      </div>	                       
		                        
					      <div class="col-md-2 col-sm-12 col-xs-12 form-group">
							 <select class="form-control" id="selProvider" >
							 	<option selected="selected" value="">请选择一个供货商</option>
							 	{% for m in assets.providerList %}
							 		<option value="{{m}}" name="provider">{{m}}</option>
							 	{% endfor %}
							</select>
					      </div>	                        
					      <div class="col-md-2 col-sm-12 col-xs-12 form-group">
							 <select class="form-control" id="selLine" >
							 	<option selected="selected" value="">请选择一个线路类型</option>
							 	{% for m in assets.lineList %}
							 		<option value="{{m.id}}" name="line">{{m.line_name}}</option>
							 	{% endfor %}
							</select>
					      </div> 		                           

					      <div class="col-md-2 col-sm-12 col-xs-12 form-group">
							 <select class="form-control" id="selRaid" >
							 	<option selected="selected" value="">请选择一个Raid类型</option>
							 	{% for m in assets.raidList %}
							 		<option value="{{m.id}}" name="raid">{{m.raid_name}}</option>
							 	{% endfor %}
							</select>
					      </div>
					      
					      <div class="col-md-2 col-sm-12 col-xs-12 form-group">
							 <select class="form-control" id="selCpu" >
							 	<option selected="selected" value="">请选择一个CPU类型</option>
							 	{% for m in assets.cpuList %}
							 		<option value="{{m}}" name="cpu">{{m}}</option>
							 	{% endfor %}
							</select>
					      </div>	                           
	                     
					      <div class="col-md-2 col-sm-12 col-xs-12 form-group">
							 <select class="form-control" id="selBuyUser" >
							 	<option selected="selected" value="">请选择购买人</option>
							 	{% for m in assets.userList %}
							 		<option value="{{m.id}}" name="buy_user">{{m.username}}</option>
							 	{% endfor %}
							</select>
					      </div>					      
					      				      				      	                           
						</div>
						<div class="row">	                                            

					      <div class="col-md-2 col-sm-12 col-xs-12 form-group">
							 <select class="form-control" id="selSystem" >
							 	<option selected="selected" value="">请选择一个系统类型</option>
							 	{% for m in assets.systemList %}
							 		<option value="{{m}}" name="system">{{m}}</option>
							 	{% endfor %}
							</select>
					      </div>
					      
					      <div class="col-md-2 col-sm-12 col-xs-12 form-group">
							 <select class="form-control" id="selKernel" >
							 	<option selected="selected" value="">请选择一个内核版本</option>
							 	{% for m in assets.kernelList %}
							 		<option value="{{m}}" name="kernel">{{m}}</option>
							 	{% endfor %}
							</select>
					      </div>					      
					      <div class="col-md-2 col-sm-12 col-xs-12 form-group">
							 <select class="form-control" id="selCabinet" >
							 	<option selected="selected" value="">请选择一个机柜信息</option>
							 	{% for m in assets.cabinetList %}
							 		<option value="{{m.id}}" name="cabinet">{{m.cabinet_name}}</option>
							 	{% endfor %}
							</select>
					      </div>		
		                  <div class="col-md-2 col-sm-12 col-xs-12 form-group">
							   <select class="form-control" id="selGroup">
							   		<option selected="selected" value="">请选择一个使用组</option>
										{% for g in assets.groupList %}
											<option value="{{g.id}}" name="asset_group">{{g.text}}</option>
										{% endfor %}							   		
								</select>  
		                  </div>    
		                                   
		                  <div class="col-md-2 col-sm-12 col-xs-12 form-group  pull-right">
		                  	<div class="btn-group  btn-group-sm pull-right">
		                        <button class="btn btn-default" name="assets_page_previous" type="button" value="">上一页</button>
		                        <button class="btn btn-default" name="assets_page_next" type="button" value="">下一页</button>
		                    </div>
		                  </div>  		                  
		                                            
	                    </div>
	                    <div class="row"> 
	                    
					      <div class="col-md-2 col-sm-12 col-xs-12 form-group">
							<input type="text" id="buy_time" style="border:0; color:#f6931f; font-weight:bold;">
							<div id="buy_time-range"></div>
					      </div>	                    
	                    
					      <div class="col-md-2 col-sm-12 col-xs-12 form-group">
								<input type="text" id="expire_date" style="border:0; color:#f6931f; font-weight:bold;">
								<div id="expire_date-range"></div>
					      </div>   
	
					      <div class="col-md-2 col-sm-12 col-xs-12 form-group">
								<input type="text" id="ram_total" style="border:0; color:#f6931f; font-weight:bold;">
								<div id="ram_total-range"></div>
					      </div>
					      
					      <div class="col-md-2 col-sm-12 col-xs-12 form-group">
								<input type="text" id="disk_total" style="border:0; color:#f6931f; font-weight:bold;">
								<div id="disk_total-range"></div>
					      </div>				      
					      
					      <div class="col-md-2 col-sm-12 col-xs-12 form-group">
								<input type="text" id="cpu_number" style="border:0; color:#f6931f; font-weight:bold;">								 
								<div id="cpu_number-range"></div>
					      </div>				      
					      <div class="col-md-2 col-sm-12 col-xs-12 form-group">
								<input type="text" id="vcpu_number" style="border:0; color:#f6931f; font-weight:bold;">
								<div id="vcpu_number-range"></div>
					      </div>
					      
					      				
					      				      				      
		                </div>
	                </div>
	                <div class="row">
	                </div>
                    <div class="product_price" id="divSelectedType" style="display:none;"></div>    
<!--                     <legend></legend>    
                    <div class="mail_heading row">
                        <div class="col-md-4 text-left">
                            <p class="text-muted font-13 m-b-30">
		                 	资产批量操作
		             		</p> 
                        </div>                          
                        <div class="col-md-8">
                              <div class="btn-group pull-right">
                              	<button class="btn btn-sm btn-default" type="button" data-placement="top" id="assetsImport" data-toggle="tooltip" data-original-title="批量导入资产"><i class="fa fa-cloud-upload"></i></button>
                                <button class="btn btn-sm btn-default" type="button" data-placement="top" id="assetsDumps" data-toggle="tooltip" data-original-title="批量导出资产"><i class="fa fa-download"></i></button>
                                <button class="btn btn-sm btn-default" type="button" data-placement="top" id="assetsRefresh" data-toggle="tooltip" data-original-title="批量更新资产"><i class="fa fa-refresh"></i></button>
                                <button class="btn btn-sm btn-default" type="button" data-placement="top" id="assetsDelete" data-toggle="tooltip" data-original-title="批量删除资产"><i class="fa fa-trash-o"></i></button>
                              </div>
                        </div>
                        <div class="col-md-12">
                              <legend></legend>
                        </div>
                    </div>  -->                                	                						           
                    <table id="assetsListTable" class="table table-striped table-bordered">
                      <thead>
                        <tr>
                          <th class="text-center">选择</th>                       
                          <th>详情</th>
                          <th>资产编号</th>
                          <th>设备类型</th>
                          <th>IP地址</th>
                          <th>操作系统</th>
                          <th>内核版本</th>
                          <th>CPU</th>
                          <th>内存(GB)</th>
                          <th>硬盘(GB)</th>                   
                          <th>放置机房</th>
                          <th class="text-center">操作</th>
                        </tr>
                      </thead>
                      <tbody>
                      </tbody>
                    </table>
                  </div>
                </div>
              </div>          
		  </div>
               
	
        <div class="modal fade bs-example-modal-info"   id="AssetsModal" tabindex="-1" role="dialog" aria-hidden="true">
          <div class="modal-dialog modal-lg">
            <div class="modal-content">

              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title" id="myModalLabel"></h4>
              </div>
              <div class="modal-body">
				  <ul class="list-unstyled timeline" id="assets_info">
					<li>
					  <div class="block">
						<div class="tags">
						  <a href="" class="tag">
							<span>基础信息</span>
						  </a>
						</div>
						<div class="block_content">
						  <h2 class="title">
										  <a>Who Needs Sundance When You’ve Got&nbsp;Crowdfunding?</a>
									  </h2>
						  <div class="byline">
							<span>13 hours ago</span> by <a>Jane Smith</a>
						  </div>
						  <p class="excerpt">Film festivals used to be do-or-die moments for movie makers. They were where you met the producers that could fund your project, and if the buyers liked your flick, they’d pay to Fast-forward and… <a>Read&nbsp;More</a>
						  </p>
						</div>
					  </div>
					</li>
					<li>
					  <div class="block">
						<div class="tags">
						  <a href="" class="tag">
							<span>硬件信息</span>
						  </a>
						</div>
						<div class="block_content">
						  <h2 class="title">
										  <a>Who Needs Sundance When You’ve Got&nbsp;Crowdfunding?</a>
									  </h2>
						  <div class="byline">
							<span>13 hours ago</span> by <a>Jane Smith</a>
						  </div>
						  <p class="excerpt">Film festivals used to be do-or-die moments for movie makers. They were where you met the producers that could fund your project, and if the buyers liked your flick, they’d pay to Fast-forward and… <a>Read&nbsp;More</a>
						  </p>
						</div>
					  </div>
					</li>
					<li>
					  <div class="block">
						<div class="tags">
						  <a href="" class="tag">
							<span>网卡信息</span>
						  </a>
						</div>
						<div class="block_content">
						  <h2 class="title">
										  <a>Who Needs Sundance When You’ve Got&nbsp;Crowdfunding?</a>
									  </h2>
						  <div class="byline">
							<span>13 hours ago</span> by <a>Jane Smith</a>
						  </div>
						  <p class="excerpt">Film festivals used to be do-or-die moments for movie makers. They were where you met the producers that could fund your project, and if the buyers liked your flick, they’d pay to Fast-forward and… <a>Read&nbsp;More</a>
						  </p>
						</div>
					  </div>
					</li>
				  </ul>
              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
              </div>

            </div>
          </div>
        </div>	           
               
{% endblock %}
{% block js-content %}
	<script src="/static/jquery-confirm/jquery-confirm.min.js"></script>
	<script src="/static/Chart.js/dist/Chart.min.js"></script>
	<script src="/static/gauge.js/dist/gauge.min.js"></script>
    <script src="/static/datatable/datatables.net/js/jquery.dataTables.min.js"></script>
	<script src="/static/datatable/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>	
    <script src="/static/datatable/datatables.net-buttons/js/dataTables.buttons.min.js"></script>
    <script src="/static/datatable/datatables.net-buttons-bs/js/buttons.bootstrap.min.js"></script>
    <script src="/static/datatable/datatables.net-buttons/js/buttons.flash.min.js"></script>
    <script src="/static/datatable/datatables.net-buttons/js/buttons.html5.min.js"></script>
    <script src="/static/datatable/datatables.net-buttons/js/buttons.print.min.js"></script>	
    <script src="/static/datatable/datatables.net-select/js/dataTables.select.min.js"></script>
	<script src="/static/js/assets/assets.js"></script>
	<script src="/static/jquery/dist/jquery-ui.min.js"></script>
{% endblock %}